<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>JG's Web Study Place</title>
<meta name="description" content="JG's Web Study Place는 웹표준, 웹접근성, HTML5, CSS3, PHP, My SQL, Java Script 등 웹 컨텐츠 개발에 관련된 프로그램언어 들의 자료실 입니다. 기본 정보 뿐 아니라 홈지기가 직접 만든 각종 컨텐츠 및 웹페이지들도 보실 수 있습니다." />
<meta name="keywords" content="웹표준,웹접근성,HTML5,CSS3,PHP,My SQL,Java Script,Web,Study" />
<meta name="Author" content="Jeon Jin-Gyeong" />
<!-- Favicon 시작 -->
<link rel="shortcut icon" href="/favicon/favicon_violet.ico" />
<!-- Favicon 끝 -->
<link rel="stylesheet" type="text/css" href="/css/JinReset.css" />
<link rel="stylesheet" type="text/css" href="/css/JinLayout.css" />
<link rel="stylesheet" type="text/css" href="/css/JinClass.css" />
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<script type="text/javascript" src="/js/jquery-2.0.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<div style="clear:both;position:absolute;left:0;top:0;height:75px;padding:5px 0;border:1px solid #F7941D;background:#FEEFDA;text-align:center;z-index:1;">
  <div style="width:700px;margin:0 auto;text-align:left;padding:0;overflow:hidden;color:black;">
    <div style="width:65px;float:left;"><img src="/images/IE_filter/warning1.jpg" alt="Warning!" /></div>
    <div style="width:395px;float:left;font-family:Arial, sans-serif;">
      <div style="font-size:14px;margin-top:3px;font-weight:bold;">아직도 오래된 IE 버전을 사용하고 계시는군요!</div>
      <div style="font-size:12px;margin-top:6px;line-height:15px;">다른 브라우저 설치 혹은 새로운 버전의 IE로 업그레이드 하시면<br/>좀 더 쾌적한 환경에서 훨씬 깔끔한 홈페이지를 보실 수 잇습니다.</div>
      <div style="font-size:12px;margin-top:6px;line-height:12px;color:#FF6600">※ 오른쪽 아이콘을 누르시면 설치(다운로드)페이지로 이동합니다.</div>
    </div>
    <div style="width:60px;float:left;"><a href="http://www.firefox.com" target="_blank"><img src="/images/IE_filter/Firefox.jpg" style="border:none;" alt="파이어폭스 설치" /></a></div>
    <div style="width:60px;float:left;"><a href="http://www.browserforthebetter.com/download.html" target="_blank"><img src="/images/IE_filter/IE.jpg" style="border:none;" alt="인터넷익스플로러 새 버전 설치" /></a></div>
    <div style="width:60px;float:left;"><a href="http://support.apple.com/downloads/#safari" target="_blank"><img src="/images/IE_filter/Safari.jpg" style="border:none;" alt="사파리 브라우저 설치" /></a></div>
    <div style="width:60px;float:left;"><a href="http://www.google.com/chrome" target="_blank"><img src="/images/IE_filter/Chrome.jpg" style="border:none;" alt="브롬 브라우저 설치" /></a></div>
  </div>
</div>
<![endif]-->
<div id="wrap">
  <header id="header">
    <h1>JG's Web Study Place에 오신것을 환영합니다.</h1>
    <img class="logo" src="/images/logo.png" alt="JG_WebStudy" title="JG's Web Study Place에 오신것을 환영합니다." />
    <nav id="navi">
      <h2>메인메뉴 - 소개, 자료실, 포트폴리오, 커뮤니티</h2>
      <a href="/" title="메인화면으로 돌아갑니다.">HOME.</a>
      <a href="/contents/intro/introduce.php" title="JG의 간략한 소개페이지 입니다.">Who's JG?</a>
      <a href="/contents/info/html5.php" title="웹페이지 개발과 관련된 자료를 보실 수 있어요~">Web Study info.</a>
      <a href="/contents/portfolio/portfolio.php" title="그동안 JG가 만든 프로젝트를 보실 수 있습니다.">Portfolio.</a>
      <a href="/test" target="_blank" title="그동안 JG가 만든 샘플소스를 보실 수 있습니다.">Reference Room.</a>
      <a href="/contents/community/freeboard.php" title="JG와 이야기해요~">Community.</a>
    </nav>
  </header>
  <div id="container">